<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body>
		<div id ="xxx1"></div>
	</body>
    <script type="module">
	import xTable from './js/src/xTable.js';
	import {south} from './js/data/chinaTree.js';
	
	let tablCfg ={
		el:"xxx1",
		data:south,
		export:true,
		cols:[{
			type:"tree",
			title:"区域",
			checkbox:true,
			expand:'level 1'
			
		},{title:'其他信息',children:[{$data:'hint',title:'全称'},{$data:'pinyin',title:'拼音'}]}]
	};
     	 
    let xt = new xTable(tablCfg);
    
	</script>
</html>
